<ui:composition xmlns="http://www.w3.org/1999/xhtml"
			    xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
			    xmlns:f="http://java.sun.com/jsf/core"
			    xmlns:rich="http://richfaces.org/rich"
			    xmlns:a4j="http://richfaces.org/a4j"
			    xmlns:t="http://myfaces.apache.org/tomahawk"
			    template="/WEB-INF/layout/template.xhtml">
	
	<ui:define name="title">
		<h:outputText value="#{i18n['createMehrereKunden.title']}"/>
	</ui:define>

	<ui:define name="contents">
		<h1><h:outputText value="#{i18n['createMehrereKunden.heading']}"/></h1>
		
		<h:form id="neueKundenForm">
			<a4j:region>
				<h:dataTable id="neueKundenTabelle" value="#{kv.neueFirmenkunden}" var="kunde">
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.nachname']}"/>
						</f:facet>
						<h:inputText id="nachname" value="#{kunde.nachname}"
						             required="true"
					                 requiredMessage="#{i18n['createMehrereKunden.nachname.required']}">
							<t:validateRegExpr pattern="#{initParam.patternNachname}"
							                   message="#{i18n['error.nachnamePattern']}"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungNachname" for="nachname" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
					
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.vorname']}"/>
						</f:facet>
						<h:inputText id="vorname" value="#{kunde.vorname}">
							<t:validateRegExpr pattern="#{initParam.patternVorname}"
							                   message="#{i18n['error.vornamePattern']}"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungVorname" for="vorname" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
						
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.kategorie']}"/>
						</f:facet>
						<h:inputText id="kategorie"
					    	         value="#{kunde.kategorie}"
						             required="true"
						             requiredMessage="#{i18n['createMehrereKunden.kategorie.required']}">
							<f:converter converterId="javax.faces.Short"/>
							<f:validateLongRange minimum="0" maximum="#{kv.maxKategorie}"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungKategorie" for="kategorie" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
		
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.umsatz']}"/>
						</f:facet>
						<h:inputText id="umsatz"
						             value="#{kunde.umsatz}"
						             required="true"
						             requiredMessage="#{i18n['createMehrereKunden.umsatz.required']}">
							<f:convertNumber pattern="###,###,##0.00"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="updateKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungUmsatz" for="umsatz" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
						
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.seit']}"/>
						</f:facet>
						<h:inputText id="seit" value="#{kunde.seit}"
						             maxlength="#{i18n['datum.default.laenge']}"
									 size="#{i18n['datum.default.laenge']}"
						             required="true"
					                 requiredMessage="#{i18n['createMehrereKunden.seit.required']}">
							<f:convertDateTime type="date" timeZone="GMT+1"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
					    <rich:message id="fehlermeldungSeit" for="seit" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
						
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.email']}"/>
						</f:facet>
						<h:inputText id="email"
						             value="#{kunde.email}"
						             required="true"
					                 requiredMessage="#{i18n['createMehrereKunden.email.required']}">
							<t:validateEmail/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungEmail" for="email" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
		
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.creditCard']}"/>
						</f:facet>
						<h:selectOneMenu id="creditCard"
							             value="#{kunde.creditCard}">
							<f:selectItem itemValue="NONE" itemLabel=""/>
							<f:selectItem itemValue="AmericanExpress" itemLabel="AmericanExpress"/>
							<f:selectItem itemValue="Mastercard" itemLabel="Mastercard"/>
							<f:selectItem itemValue="VISA" itemLabel="VISA"/>
						</h:selectOneMenu>
					</h:column>
						
					<h:column>
						<f:facet name="header">
							<h:outputText value="#{i18n['createMehrereKunden.creditCardId']}"/>
						</f:facet>
						<h:inputText id="creditCardId"
						             size="16"
						             maxlength="16"
						             value="#{kunde.creditCardId}">
							<t:validateCreditCard/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungCreditCardId" for="creditCardId" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
		
					<h:column>
						<f:facet name="header">
				   			<h:outputText value="#{i18n['createMehrereKunden.rabatt']}"/>
				   		</f:facet>
						<h:inputText id="rabatt" value="#{kunde.rabatt}" maxlength="6" size="6">
							<f:converter converterId="javax.faces.Float"/>
							<f:validateDoubleRange minimum="0" maximum="#{kv.maxRabatt}"/>
							<a4j:support event="onchange" ajaxSingle="true" reRender="neueKundenForm"/>
						</h:inputText>
						<rich:message id="fehlermeldungRabatt" for="rabatt" errorClass="error">
							<f:facet name="errorMarker">
								<h:graphicImage url="/images/error.gif"/>
							</f:facet>
						</rich:message>
					</h:column>
				</h:dataTable>
			</a4j:region>
			
			<p>
				<h:commandButton id="createSubmit" action="#{kv.createMehrere}" value="#{i18n['createMehrereKunden.submit']}"/>
			</p>
		</h:form>
		
		<h:outputText value="#{i18n['common.required']}"/>
	</ui:define>
</ui:composition>
